<template>
  <div>
    <div class="bg">

    </div>
  </div>
</template>
<script>
export default {};
</script>
<style scoped>
.bg {
  background-image: url("../../assets/pageBg.png");
  padding: 0.2rem 0.2rem 0 0.2rem;
  width: 100%;
  height: 100vh;
  background-size: cover;
  background-position: center center;
}

.react-left {
  cursor: pointer;
  font-size: 0.225rem;
  width: 3.75rem;
  height: 0.625rem;
  line-height: 0.625rem;
  text-align: center;
  transform: skewX(-45deg);
}
.react-after {
  position: absolute;
  right: -0.3125rem;
  top: 0;
  height: 0.625rem;
  width: 0.625rem;
  background-color: #0f1325;
  transform: skewX(45deg);
}
.text {
  display: inline-block;
  transform: skewX(45deg);
}
</style>